 
<template>
    <div id="Banner">
    	<ul>
    		<!--v-show="i==showIndex" 
    		<li v-for="(b,i) in bannerList"><a href="#app"><img :src="i.img"/></a></li>-->
    		<h1 v-text="msg"></h1>
    		<h1 v-text="msg"></h1>
    		<!--<li><a href="#app"><img src="./assets/wx.png"/></a></li>-->
    	</ul>
    	<div class="bot-box">
    		<i class="bot active"></i>
    		<i class="bot"></i>
    	</div>
    </div>
</template>

<script>
export default {
  name: "Banner",
  props: {
    msg: String,
    bannerList: Array
  },
  created(){
  	console.log(this.bannerList)
  },
  data(){
		return {
			showIndex:0
		}
	}
};
</script>

<style scoped lang="scss">
h3 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
